<extend name="Base/common"/>
<block name="body">
    <div class="banner wow fadeInUp" data-wow-delay="0.4s">
        <div class="container">
            <div class="index_top wow fadeInLeft text-center" data-wow-delay="0.4s">
                <img src="__PUBLIC__/Home/images/index2.png" alt="优惠图片" />
            </div>
            <a href="{:U('Premium/index')}" class="index_top_btn wow bounceIn" data-wow-delay="0.4s"></a>
        </div>
    </div>
    <div class="content">
        <div class="service-section">
            <div class="container">
                <div class="service-section-head text-center wow fadeInRight" data-wow-delay="0.4s">
                    <!-- <h3>智驾UBI服务中华保险</h3> -->
<div style="float:left;width:50%"><h3>智保车险</h3></div>
                        <div style="float:right;width:50%"><h3>领先的UBI车险服务</h3></div>
                </div>
                <div class="service-section-grids">
                    <div class="col-md-6 service-grid">
                        <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="icon">
                                <i class="s1"></i>
                            </div>
                            <div class="icon-text">
                                <h4>网销车险</h4>
                                <p>网销车险比传统方式销售立省15%；所有车险公司均衡价格，差异小</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="icon">
                                <i class="s2"></i>
                            </div>
                            <div class="icon-text">
                                <h4>天天奖励</h4>
                                <p>智驾科技无条件补贴商业险10%，天天返</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="icon">
                                <i class="s3"></i>
                            </div>
                            <div class="icon-text">
                                <h4>安全环保奖励</h4>
                                <p>支持环保、健康、安全出行，停车日再奖励商业险40%</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="col-md-6 service-grid">
                        <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="icon">
                                <i class="s4"></i>
                            </div>
                            <div class="icon-text">
                                <h4>中华保险&智驾科技联合</h4>
                                <p>中华联合财产保险股份有限公司是我国第二家具有独立法人资格的国有独资保险公司。注册资本金居国内财险公司第六，市场规模位居国内财险市场第五；承保利润额位居行业第三
                                </p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="icon">
                                <i class="s5"></i>
                            </div>
                            <div class="icon-text">
                                <h4>优质服务</h4>
                                <p>快速现场查勘，免费拖车服务，车辆紧急救援服务，先行赔付，全国通赔，小额免单证快赔服务</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="icon">
                                <i class="s6"></i>
                            </div>
                            <div class="icon-text">
                                <h4>企业荣誉</h4>
                                <p>中华保险入选“亚洲品牌500 强”、“中国企业500 强”、中国最具价值品牌”和“中国服务业企业500 强”；被授予“中国保险行业最具影响力品牌”、“中国最受信赖的财险公司”和“最具竞争力保险公司”等荣誉</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="about-section">
            <div class="col-md-6 about_left wow bounceInLeft">
                <img src="__PUBLIC__/Home/images/about_pic.jpg" alt="" />
            </div>
            <div class="col-md-6 about_right wow bounceInRight">
                <h3>智驾APP&盒子</h3>
                <p>
                    即插即用， 检测车辆停行驶状态 实时记录，分析您的驾驶行为，提供安全驾驶指导建议，保障您的行车安全。 兼容700多个车型，适配3000多款常用汽车。 便捷的车险计算、购险方式 智保车险实时收益查询 完善的车后服务
                </p>
                <!--<a href="#">立即领取</a>-->
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="price-section">
            <div class="container">
                <div class="price-section-head text-center wow fadeInLeft" data-wow-delay="0.4s">
                    <h3>保费比例计算器</h3>
                    <div class="details wow fadeInLeft" data-wow-delay="0.4s">
                    	<!-- 保费计算form start -->
                        <form id="form1" method="post" action="#">
                            <li>
                                <input type="text" class="text" value="" name="price" placeholder="车价"/>
                                <a class="name" href="#"></a>
                            </li>
                            <li>
                                <input type="text" class="text datePicker" name="time" placeholder="购车时间"/>
                                <a class="num" href="#"></a>
                            </li>
                            <li>
                                <input type="text" class="text" value="" name="days" placeholder="一周开车天数"/>
                                <a class="mail" href="#"></a>
                            </li>
                            <input type="submit" value="计算优惠">
                        </form>
                        <!-- 保费计算form end -->
                    </div>
                </div>
                <div class="price-section-grids">
                    <div class="col-md-4 price-value text-center wow fadeInLeft" data-wow-delay="0.4s">
                        <div class="price-section-grid">
                            <h5>传统车险</h5>
                            <h3><span>￥</span><span id="nt1">9500</span></h3>
                            <ul>
                                <li>购险金额￥<span id="nt2">9500</span></li>
                                <li>基础奖励￥0</li>
                                <li>环保安全奖励￥0</li>
                                <li>奖励合计￥0</li>
                            </ul>
                            <a href="javascript:void(0);">贵</a>
                        </div>
                    </div>
                    <div class="col-md-4 price-value text-center wow fadeInUp" data-wow-delay="0.6s">
                        <div class="price-section-grid">
                            <h5>电话车险</h5>
                            <h3><span>￥</span><span id="tt1">8500</span></h3>
                            <ul>
                                <li>购险金额￥<span id="tt2">8500</span></li>
                                <li>基础奖励￥0</li>
                                <li>环保安全奖励￥0</li>
                                <li>奖励合计￥0</li>
                            </ul>
                            <a href="javascript:void(0);">方便</a>
                        </div>
                    </div>
                    <div class="col-md-4 price-value text-center wow fadeInRight" data-wow-delay="0.4s">
                        <div class="price-section-grid">
                            <h5>智保时间宝</h5>
                            <h3><span>￥</span><span id="zt1">6500</span></h3>
                            <ul>
                                <li>购险金额￥<span id="zt2">8500</span></li>
                                <li>基础奖励￥<span id="zt3">850</span></li>
                                <li>环保安全奖励￥<span id="zt4">1150</span></li>
                                <li>奖励合计￥<span id="zt5">2000</span></li>
                            </ul>
                            <a href="javascript:void(0);">方便便宜</a>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="work-section"
                <div class="work-section-head text-center wow fadeInRight" data-wow-delay="0.4s">
                    <h3>购险流程</h3>
                </div>
                <div class="work-section-grids text-center wow fadeInUp" data-wow-delay="0.4s">
                    <div class="col-md-3 work-section-grid">
                        <i class="ear-phones"></i>
                        <h4>车险报价</h4>
                        <p>输入购险信息，智保给出精确价格</p>
                        <span class="arrow1"><img src="__PUBLIC__/Home/images/arrow1.png" alt="" /></span>
                    </div>
                    <div class="col-md-3 work-section-grid wow fadeInUp" data-wow-delay="0.6s">
                        <i class="lock"></i>
                        <h4>保险订单</h4>
                        <p>确认智驾订单</p>
                        <br />
                        <span class="arrow2"><img src="__PUBLIC__/Home/images/arrow2.png" alt="" /></span>
                    </div>
                    <div class="col-md-3 work-section-grid">
                        <i class="ear-phones"></i>
                        <h4>车险报价</h4>
                        <p>输入购险信息，智保给出精确价格</p>
                        <span class="arrow1"><img src="__PUBLIC__/Home/images/arrow1.png" alt="" /></span>
                    </div>
                    <div class="col-md-3 work-section-grid wow fadeInUp" data-wow-delay="0.10s">
                        <i class="done"></i>
                        <h4>智驾奖励</h4>
                        <p>每日提现</p>
                        <br />
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="contact-bottom text-center">
            <div class="bottom-menu wow bounceInRight" data-wow-delay="0.4s">
                <ul>
                    <li><a class="scroll" href="#home">智驾智保</a></li>
                    <li><a class="scroll" href="#home">理赔流程</a></li>
                    <li><a class="scroll" href="#pricing">常见问题</a></li>
                    <li><a class="scroll" href="#service">投诉建议</a></li>
                    <li><a class="scroll" href="#about">商务合作</a></li>
                    <li><a class="scroll" href="#work">招贤纳士</a></li>
                </ul>
            </div>
            <p class="call wow fadeInRight" data-wow-delay="0.4s"><i class="phone wow fadeInLeft" data-wow-delay="0.4s"></i>4000611588</p>
           <!--  <div class="social-icons">
               <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="twitter"></i></a>
               <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="facebook"></i></a>
               <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="googlepluse"></i></a>
               <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="linkedin"></i></a>
           </div> -->
        </div>
    </div>
    </div>
    </div>
    </block>
<block name="script">
<script type="text/javascript" src="__PUBLIC__/Home/js/datePicker.js"></script>
<script type="text/javascript">
	$('#form1').validate({
			rules: {
				price_: {
					required: true,
					digits: true
				},
				days_: {
					required: true,
					digits: true,
					range: [0,7]
				}
			},
			messages: {
				price_: "请填写购车价格",
				days_: "请填写一周开车天数"
			},
			showErrors : function(errorMap, errorList) {  
			    $.each(errorList, function(i, v) {  
				    var msg = (v.message); 
				    if (msg != "")  {
				     	alert(msg); 
				     	return false;
				  	} 
			    });	
			} ,  
	        /* 失去焦点时不验证 */
	        onfocusout: false,
	        onkeyup: false,
            submitHandler:function(form){
                $.post("{:U('Premium/calcSimple')}",$(form).serialize(),function(data){
                    if(data.status){
                        for(var s in data.info){
                            $('#'+s).text(data.info[s]);
                        }
                    }else{
                        alert(data.info);
                    }
                },'json');
            } 
		});
</script>
</block>
